К полям ввода относятся следующие встроенные элементы управления HTML: поле редактирования (Text Box), область редактирования TextArea, поле ввода пароля (Password). Эти элементы обладают одинаковыми свойствами., методами и событиями. Поле редактирования предназначено только для одной строки текста без символа возврата каретки. Поле пароля отличается тем, что вводимые символы отображаются в виде звездочек. Следует заметить, что те значения свойства Value, которые были заданы программно, будут показаны, то есть не будут заменены звездочками. Область редактирования позволяет вводить и редактировать многострочный текст, то есть содержащий несколько символов возврата каретки. В отличие от поля редактирования здесь существует возможность отобразить форматированный текст, который заключается в HTML-теге <TEXTAREA>.
Свойства элементов управления, предназначенных для ввода текста, приведены ниже.
Form. Данное свойство позволяет обратиться к родительской форме, что дает возможность использования свойств объекта Form.
Name. Возвращает имя определенное атрибутом Name тега <INPUT>. Свойство предназначено для чтения.
Value. Значение данного свойства доступно как для чтения, так и для редактирования. Оно содержит текст, заключенный в поле ввода текста. Следует отметить, что начальное положение области редактирования определяет тег <TEXTAREA> в отличие от полей редактирования и пароля, начальное значение которых задается посредством использования тега <INPUT>, а именно его атрибута TEXT. Поскольку данное свойство доступно для модификации, пользователь имеет возможность программно влиять на содержимое элемента ввода текста. При работе с полем пароля следует иметь в виду тот факт, что свойство Value будет хранить введенный текст, а не звездочки, которыми заменяются вводимые символы.
С рассматриваемыми элементами управления ввода текста связаны события OnBlur, OnChange, OnFocus, OnSelect.
OnBlur. Данное событие генерируется при потере фокуса элементом управления, то есть тогда, когда он перестает быть активным.
OnChanse. Генерирование этого события происходит в момент потери фокуса элементом, если значение свойства Value было изменено. Следует отметить, что при программной модификации этого свойства события OnChange не возникает. OnChange удобно использовать для проверки ввода пользователя.
OnFocus. Данное событие генерируется при активизации элемента, то есть в момент получения им фокуса ввода При программной активизации событие On Focus не возникает, оно является реакцией на действия пользователя.
OnSelect. Это событие возникает при выделении текста в элементе управления посредством метода Select. События не генерируются при выделении текста пользователем.
Следует особо отметить тот факт, что поле пароля не поддерживает никакое из перечисленных событий.
Элементы управления, предназначенные для ввода текста, поддерживают применение трех методов, приведенных ниже.
Blur. Вызов этого метода приводит к потере элементом фокуса. Однако при этом ни коим образом не отслеживается элемент, который его приобретает. Поэтому с практической точки зрения легче сделать активным какой-либо другой элемент, чтобы текущий утратил фокус.
Focus. Передает фокус неактивному элементу без генерирования события OnFocus.
Select. Метод позволяет выделить текст, который содержится в поле ввода встроенного элемента управления, если тот является активным. Если элемент не имеет фокуса ввода или не содержит текстовой информации, то данный метод игнорируется.
В приведенном примере (листинг) реализуется Web-страница, приведенная ниже. Если пользователь вводит текст в поле Text Box, а затем нажимает кнопку Add to TextArea, введенный текст заносится в поле ввода, расположенное в верхней части страницы.
При нажатии кнопки New Line происходит переход в области ввода текста на следующую строку. Нажатие кнопки Select TextArea приводит к выделению всего введенного текста. Поле ввода пароля Hidden Box дает возможность ввести текст, который отображается в области редактирования текста при возникновении события ОnChange.
Листинг.Работа с полями ввода текста